<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <!-- 避免IE使用兼容模式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="renderer" content="webkit">
    <link rel="stylesheet" type="text/css" href="/static/plugins/font-awesome/css/font-awesome.css">
    <link rel="stylesheet" type="text/css" href="/static/plugins/bootstrap/css/bootstrap.min.css">
    <script type="text/javascript" src="/static/plugins/jquery/jquery.min.js"></script>
    <script type="text/javascript" src="/static/plugins/bootstrap/js/bootstrap.min.js"></script>
    <style>
        body {
            font: 12px/normal "microsoft yahei", "Times New Roman", "宋体", Times, serif;
            letter-spacing: 1px;
        }

        .container-fluid {
            margin-top: 5px !important;
        }

        .panel {
            margin-bottom: 10px;
        }

        .panel-heading {
            font-weight: bold;
        }

        .panel-body {
            height: 165px;
        }

        .systeminfo {
            font-size: 14px !important;
        }

        ul {
            margin: 0;
            padding-left: 0;
        }

        ul li {
            line-height: 27px;
            list-style: none;
        }

        /*div[class^=col-] {
            position: relative;
            min-height: 1px;
            padding-right: 5px;
            padding-left: 5px;
        }*/
        .row .no_gutter[class^="col-"], .row .no_gutter [class*="col-"] {
            padding-right: 5px;
            padding-left: 5px;
        }
    </style>
</head>
<body>
<div class="container-fluid" style="margin-top: 20px;">
    <div class="row">
        <div class="col-md-9">
            <div class="row no_gutter">
                <div class="col-md-6">
                    <div class="panel panel-default ">
                        <div class="panel-heading">
                            <i class="fa fa-windows"></i> 系统信息
                        </div>
                        <div class="panel-body systeminfo">
                            <ul>
                                <li>今天是：<b th:text="${OPENDAY}+' '+${week}"></b></li>
                                <li>农&nbsp;&nbsp;&nbsp;历：<b th:text="${lunar}"></b></li>
                                <li>
                                    欢迎您，<b th:text="${session.userinfo.userNickname}"></b>
                                </li>
                            </ul>
                        </div>
                    </div>

                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <i class="fa fa-database"></i> 数据统计
                        </div>
                        <div class="panel-body">
                            <ul>
                                <li>系统用户数量：460
                                </li>
                                <li>
                                    当前正常用户量：390
                                </li>
                                <li>
                                    日活跃用户数量：36
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>

                <div class="col-md-6">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <i class="fa fa-edge"></i> 服务器信息
                        </div>
                        <div class="panel-body">
                            <ul>
                                <li th:text="'JDK运行版本：'+${jdkVersion}"></li>
                                <li th:text="'虚拟机版本位数：'+${jdkBit}"></li>
                                <li th:text="'服务器运行时区：'+${timeZoneId}"></li>
                                <li th:text="'服务器系统名称：'+${osVersion}"></li>
                                <li th:text="'服务器系统架构：'+${osArch}"></li>
                            </ul>
                        </div>
                    </div>

                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <i class="fa fa-question-circle"></i> 常见问题
                        </div>
                        <div class="panel-body">
                            <ul>
                                <li>
                                    <a href="javascript:window.parent.addParentTab({href:'http://www.topjui.com/document/question/fullscreen.html',title:'TopJUI前端框架'})">静态演示系统中首页初始化为什么有时不能全屏？</a>
                                </li>
                                <li>
                                    <a href="javascript:window.parent.addParentTab({href:'http://www.topjui.com/document/question/fullscreen.html',title:'TopJUI前端框架'})">静态演示系统中部分组件（如对话框）风格和整体风格不一致？</a>
                                </li>
                                <li>
                                    <a href="javascript:window.parent.addParentTab({href:'http://www.topjui.com/document/question/fullscreen.html',title:'TopJUI前端框架'})">静态演示系统中首页初始化为什么有时不能全屏？</a>
                                </li>
                                <li>
                                    <a href="javascript:window.parent.addParentTab({href:'http://www.topjui.com/document/question/fullscreen.html',title:'TopJUI前端框架'})">静态演示系统中部分组件（如对话框）风格和整体风格不一致？</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

            <!--<div class="row no_gutter">
                <div class="col-md-12">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <i class="fa fa-bar-chart"></i> 快速入口
                        </div>
                        <div class="panel-body">
                            <style>
                                .link a {
                                    color: #fff;
                                    text-decoration: none;
                                }

                                .link .fa {
                                    height: 135px;
                                    line-height: 135px;
                                }

                                .link .bg {
                                    height: 135px;
                                    text-align: center
                                }

                                .link .bg:hover {
                                    background-color: #009688;
                                }

                                .bg-green {
                                    background-color: #5FB878;
                                }

                                .bg-blue {
                                    background-color: #1E9FFF;
                                }

                                .bg-yellow {
                                    background-color: #F7B824;
                                }

                                .bg-red {
                                    background-color: #FF5722;
                                }

                                .bg span {
                                    font-weight: bold;
                                    font-size: 30px;
                                    word-break: normal;
                                    white-space: pre-wrap;
                                }
                            </style>
                            <div class="row">
                                <div class="col-md-3 link">
                                    <a href="javascript:window.parent.addParentTab({href:'./html/complex/datagrid.html',title:'数据表格'})">
                                        <div class="bg bg-green">
                                            <div class="fa fa-users fa-3x"></div>
                                            <span>数据表格</span>
                                        </div>
                                    </a>
                                </div>
                                <div class="col-md-3 link">
                                    <a href="javascript:window.parent.addParentTab({href:'./html/complex/treegrid.html',title:'树形表格'})">
                                        <div class="bg bg-blue">
                                            <div class="fa fa-users fa-3x"></div>
                                            <span>树形表格</span>
                                        </div>
                                    </a>
                                </div>
                                <div class="col-md-3 link">
                                    <a href="javascript:window.parent.addParentTab({href:'./html/complex/edatagrid.html',title:'可编辑表格'})">
                                        <div class="bg bg-yellow">
                                            <div class="fa fa-users fa-3x"></div>
                                            <span>可编辑表格</span>
                                        </div>
                                    </a>
                                </div>
                                <div class="col-md-3 link">
                                    <a href="javascript:window.parent.addParentTab({href:'./html/form/textbox.html',title:'文本输入'})">
                                        <div class="bg bg-red">
                                            <div class="fa fa-users fa-3x"></div>
                                            <span>文本输入</span>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>-->
        </div>
        <div class="col-md-3">
        </div>
    </div>
</div>
<script type="text/javascript">

</script>
</body>
</html>